import React, {useState,useMemo} from 'react'

function StateFunction() {
  const [num, setNum] = useState(1)
  const [age, setAge] = useState(1)
  // function getDoubleNum() {
  //   console.log("获取双倍num")
  //   return 2 * num
  // }

  // useMemo 使用方法
  // 1. 接收一个函数作为参数
  // 2. 第二个参数为依赖列表，和useEffect,useLayoutEffect 进行对比
  // 3. useMemo 返回的是一个值
  const getDoubleNum = useMemo(() => {
    console.log('获取双倍的num')
    return 2 * num
  }, [num])
  return <div onClick={()=>{setAge(age=>age+1)}}>
    这是一个MemoFunction函数组件 - {getDoubleNum}, 
    age的值为{age}
  </div>
}
export default StateFunction